<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title></title>
<link rel="stylesheet" href="jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="my.css" />
<script src="jquery-1.7.2.min.js"></script>
<script src="jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script src="mymap.js"></script>
<!-- User-generated css -->
<style type="text/css">
/*body, html,#allmap {width: 100%;height: 100%;overflow: hidden;hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}*/
</style>
<!-- User-generated js -->
<script>
var map;
var marker;
var infoWindow;
var positionLng=113.12234;
var positionLat=23.02147;
function onLoad()
{
	map = new BMap.Map("content");
	map.centerAndZoom(new BMap.Point(116.404, 39.915), 16);
	map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, type: BMAP_NAVIGATION_CONTROL_ZOOM}));  //右下角，仅包含缩放按钮
	map.enableScrollWheelZoom();    //启用滚轮放大缩小，默认禁用
	map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用
}

//动态设置content高度和宽度
var fixgeometry = function() {
	/* Some orientation changes leave the scroll position at something
	* that isn't 0,0. This is annoying for user experience. */
	scroll(0, 0);
	/* Calculate the geometry that our content area should take */
	var header = $("#header");
	var footer = $("#footer");
	var content = $("#content");
	var viewport_height = $(window).height();
	var viewport_width = $(window).width();
	var content_height = viewport_height - header.outerHeight() - footer.outerHeight();
	var content_width = viewport_width;
	
	/* Trim margin/border/padding height */
	content_height -= (content.outerHeight() - content.height());
	content_width -= (content.outerWidth() - content.width());
	content.height(content_height);
	content.width(content_width);
	
}; /* fixgeometry */
$(document).ready(function() {
	$(window).bind("orientationchange resize pageshow", fixgeometry);
});
</script>
</head>
<body onLoad="onLoad()">
<div data-role="page" id="parkingpage">
	<div id="header" data-role="header" data-position="inline" data-position="fixed" data-theme="b">
		<!--<a href=""  data-role="button"   id="location"   onclick="getLocation();"></a>-->
		<!--<a href="#searchWin" data-rel="popup" onclick="openPopupSearchWin();">周边查询</a>-->
		<a href="#searchWin" data-rel="popup">周边查询</a>
		<div data-role="popup" id="searchWin" data-theme="d" class="ui-corner-all" style="position:absolute;left:-40px;top:18px;width:220px">
			<!--<form>-->
				<!--<div style="padding:10px 20px;">
					<h3>登录系统</h3>
					<label for="un" class="ui-hidden-accessible">帐号:</label>
					<input type="text" name="user" id="un" value="" placeholder="输入帐号" data-theme="a" />
					<label for="pw" class="ui-hidden-accessible">密码:</label>
					<input type="password" name="pass" id="pw" value="" placeholder="输入密码" data-theme="a" />
					<button type="submit" data-theme="b">登录</button>
				</div>-->
				<!--<div data-role="fieldcontain">-->
					<fieldset data-role="controlgroup" data-theme="d">
						<!--<legend><font style="font-weight:600">Search Input</font></legend>-->
						<input type="search" name="search" id="searcNearID" value=""/>
						<!--<legend><font style="font-weight:600">周边范围</font></legend>-->
						<input type="radio" name="radioDistances" id="distances500" value="500" checked="checked" data-theme="d">
						<label for="distances500">500米</label>
						<input type="radio" name="radioDistances" id="distances1" value="1000" data-theme="d">
						<label for="distances1">1公里</label>
						<input type="radio" name="radioDistances" id="distances5" value="5000" data-theme="d">
						<label for="distances5">5公里</label>
						<input type="radio" name="radioDistances" id="distances10" value="10000" data-theme="d">
						<label for="distances10">10公里</label>
					</fieldset>
				<!--</div>-->
				<input type="button" name="searchNearButton" value="确定" data-theme="d" onClick="searchNear();"/>
			<!--</form>-->
		</div>
		<a href="#destinationpage" data-rel="dialog" data-transition="pop">我的位置</a>
		<h1>人员定位</h1>
	</div>
	<!--显示地图-->
	<div id="content" data-role="content">
		<!--底部导航栏中的列表内容-->
		<div data-role="popup" id="gridBar" data-theme="d" style="position:absolute;bottom:50px; width:250px">
			<ul id="listResult" data-role="listview" data-theme="d" data-inset="true">
				<li data-role="divider" data-theme="a">查询结果</li>
				<li>无结果</li>
				<!--<li><a href="#">网点2</a></li>
				<li><a href="methods.html">网点3</a></li>
				<li><a href="methods.html">网点4</a><span class="ui-li-count">42</span></li>-->
			</ul>
		</div>
		
		<!--下拉列表List-->
		<!--<div data-role="popup" id="gridBar" data-theme="none">
			<div data-role="collapsible-set" data-theme="b" data-content-theme="c" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" style="position:absolute;bottom:50px;margin:0; width:250px; height:200px">
				<div data-role="collapsible" data-inset="false">
					<h2>查询结果</h2>
					<ul data-role="listview" id="listResult">
						<li><a href="#">网点1</a></li>
						<li><a href="#">网点2</a></li>
						<li><a href="#">网点3</a></li>
						<li><a href="#">网点4</a></li>
						<li><a href="#">网点5</a></li>
					</ul>
				</div>
			</div>
		</div>-->
	
	
	</div>
	<!--container用来放地图 -->
	<div id="footer" data-role="footer" data-id="foo1" data-position="fixed" data-theme="b">
		<div data-role="navbar" data-iconpos="top">
			<ul>
			<li>
				<a href="#gridBar" data-prefetch="true" data-rel="popup" data-icon="grid" data-transition="fade">列表</a>
				<!-- -->
				<!--<div id="gridBar" data-role="popup" data-theme="d" class="ui-corner-all" style="position:absolute;left:-170px;bottom:50px;width:5000px" data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-theme="d">
					<ul data-role="listview" data-inset="true" data-filter="false">
						<li><a href="#">Acura</a></li>
						<li><a href="#">Audi</a></li>
						<li><a href="#">BMW</a></li>
						<li><a href="#">Cadillac</a></li>
						<li><a href="#">Ferrari</a></li>
					</ul>
					</fieldset>
				</div>-->
			</li>
			<li><a id="mapBar" href="#" class="ui-btn-active" data-prefetch="true" data-icon="home" data-transition="fade">地图</a></li>
			<li><a id="setBar" href="#"   data-prefetch="true" data-icon="gear" data-transition="fade">设置</a></li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>
